<template>
  <view class="team-container">
    <!-- 使用公共自定义导航栏 -->
    <custom-navbar title="团队" />
    
    <!-- 主内容区域 -->
    <view class="content-wrapper">
      <view class="team-content">
        <view class="empty-tip">
          <text class="empty-text">暂无团队信息</text>
        </view>
      </view>
    </view>
    
    <!-- 底部导航栏 -->
    <tab-bar />
  </view>
</template>

<script setup>
import { ref, onMounted } from 'vue';

onMounted(() => {
  console.log('团队页面加载');
});
</script>

<style lang="scss" scoped>
.team-container {
  min-height: 100vh;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  
  // 主内容区域
  .content-wrapper {
    margin-top: var(--status-bar-height);
    padding-top: 90rpx; // 导航栏高度
    display: flex;
    flex-direction: column;
    flex: 1;
    
    .team-content {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      
      .empty-tip {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 100rpx 0;
        
        .empty-text {
          font-size: 32rpx;
          color: #999;
        }
      }
    }
  }
}
</style> 